<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>电子发票管理系统</title>
<script type="text/javascript" src="static/jquery-easyui-1.5.5.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="static/jquery-easyui-1.5.5.3/themes/bootstrap/easyui.css"/>
<link rel="stylesheet" type="text/css" href="static/jquery-easyui-1.5.5.3/themes/icon.css"/>
<script type="text/javascript" src="static/jquery-easyui-1.5.5.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/jquery-easyui-1.5.5.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
$(function(){
	$("#thn_3").click(function() {
		var zx=confirm("是否注销！");
		if (zx==true) {
			return window.location = "logout";
		}else{
		 	return false;	
		}
	}); 
	$('.a').click(function(){
		var src=$(this).attr('title');
		var title=$(this).html();
		if($('#tt').tabs('exists',title)){
			$('#tt').tabs('select',title)
		}else{
			$('#tt').tabs('add',{   
				title:title,
			    content:'<iframe style=width:98%;height:98%;border:hidden; src='+src+'></iframe>',    
			    closable:true,  
			}); 
		}
	});
});
</script>
<style type="text/css">
	*{
		margin: 0 0;
	 }
	 .a{
		width: 200px;
		height: 50px;
		font-family: '楷体';
		font-size: 0.5cm;
		padding-top: 30px;
	 }
	 .a:hover {
	 color:#99FFFF;
	 cursor: pointer;
	 background:#3399FF;
}
</style>
</head>
<body>
	<div id="cc" class="easyui-layout" fit=true>   
		    <div data-options="region:'north',split:false" style="height:80px;background: #7FFFD4;">
		    	<p style="margin-top: 20px; margin-left: 100px;">
		    	<span style="font-family: '楷体';font-size: 0.8cm; font-weight: 1000; font-style: oblique;">电 子 发 票 管 理 系 统</span>
		    	<span style="float: right; margin-right: 30px; margin-top: 10px; font-family: '楷体';font-size: 0.5cm; font-weight: 1000;">
		    		<span sec:authorize="hasRole('ROLE_DVP')" iconCls="icon-man">开发者</span>
		    		<span sec:authorize="!hasRole('ROLE_DVP')" sec:authentication="principal.name"></span>
			    	<a th:href="${#request.getContextPath()+'/welcome'}"><font color="black">首页</font></a>
			    	<a id="thn_3">注销</a>
		    	</span>
		    	</p>
		    </div>   
		    <div data-options="region:'west',title:'菜单',split:false" iconCls="icon-large-chart" style="width:200px;">
		    	<div id="aa" class="" sec:authorize="hasRole('ROLE_SYSTEM')" style="width:194px; text-align: center;">   
				    <p class="a"  title="administrator/lessee_all">查看租户信息 </p>   
				    <p class="a" title="admin/lesseeadmin_all">查看租户管理员信息</p>   
				    <p class="a" title="journal/all">查看用户操作日志</p>
				</div>  
				
				<div id="aa" class="" fit=true sec:authorize="hasRole('ROLE_ADMIN')" style="text-align: center;">   
				    <p class="a"  title="lessee/add_zh">增加租户</p>
				    <p class="a" title="user/all">用户管理</p>
				    <p class="a" title="invoice/dzfp">电子发票管理</p>
				    <p class="a" title="accredit/zh_all">软件授权信息</p>
				    <p class="a" title="admin/update">修改密码</p>
				</div> 
				
				<div id="aa" class="" fit=true sec:authorize="hasRole('ROLE_USER')"  style="text-align: center;">   
				   <p class="a"  title="invoice/all" style="width: 200px;height: 50px;">查询电子发票</p>
				   <p class="a" title="update" style="width: 200px;height: 50px;">修改密码</p>
				</div> 
		    </div>
		    <div data-options="region:'center',split:false, title:'主界面'" iconCls="icon-large-clipart" style="padding:5px;background:#eee;">
		    	<div id="tt" class="easyui-tabs" fit=true>   
				     <div title="首页" sec:authorize="!hasRole('ROLE_USER')" >   
		                 <p style="font-family: '楷体'; font-size: 0.5cm; width: 1000px; margin-left: 180px; margin-top: 50px;">
		                 	本系统有三层，第一层、系统管理员，系统管理员主要是管理租户和用户的授权信息，还有就是可以查看用户和租户管理员的操作信息。
		                 	第二层、租户管理员，租户管理员可以增加租户、管理用户、查看电子发票并删除、可以查看软件的授权信息、可以修改密码。
		                 	第三层、用户端，修改密码、用户端可以查询并增加电子发票的信息。
		                 </p>
		                 <p style="font-family: '楷体'; font-size: 0.5cm; width: 1000px; margin-left: 180px; margin-top: 50px;"> 
		                 	注：租户管理员的用户名和初始密码为admin，新增用户的初始密码为123。
		                 </p>
		             </div>
				</div> 
		    </div>   
		</div> 
</body>
</html>